<!-- @desc 主页面模板 -->

<div class="weChatIM__panel clearfix">
    <div class="we__chatIM-wrapper flexbox flex__direction-column">
        <header-bar></header-bar>
        <div class="wcim__container flex1"><router-outlet></router-outlet>
        </div>
        <tab-bar></tab-bar>
    </div>
</div>

<div class="wcim__popup-tmpl">
    <div id="J__popupTmpl-addFriends" style="display: none;">
    <div class="wcim__popupTmpl">
        <div class="wcim__addFriends-panel">
        <ul class="wcim__similarPanel-cells clearfix bg-fff rmar25" style="box-shadow:0 1px 1px #e9e9e9;border-radius:.2rem;">
            <li><a class="flexbox flex-alignc" href="#"><span class="bg"><i class="iconfont icon-search c-9ea0a3 fs-36"></i></span><label class="flex1 flexbox"><input class="ipt-text flex1" type="text" placeholder="输入手机号/聊天室号搜索" /></label></a></li>
        </ul>
        <ul class="wcim__similarPanel-cells clearfix rmt-15">
            <li><a class="flexbox flex-alignc" href="#"><label class="flex1 flexbox flex-alignc flex-justifyc ff-ar"><i class="c-9ea0a3">我的聊天室号：xy190310</i></label></a></li>
        </ul>
        <div class="rpad25"><a class="wc__btn-primary" href="javascript:;">搜索</a></div>
        </div>
    </div>
    </div>
</div>
<div class="wcim__popup-tmpl">
    <div id="J__popupTmpl-launchGroupChat" style="display: none;">
    <div class="wcim__popupTmpl">
        <div class="wcim__launchGroupChat-panel" id="J__groupChatList">
        <ul class="wcim__similarPanel-cells clearfix bg-fff rmar25" style="box-shadow:0 1px 1px #e9e9e9;border-radius:.2rem;">
            <li><a class="flexbox flex-alignc" href="#"><span class="bg"><i class="iconfont icon-search c-9ea0a3 fs-36"></i></span><label class="flex1 flexbox"><input class="ipt-text flex1" type="text" placeholder="查找群" /></label></a></li>
        </ul>
        <div class="group-table qun rmt-25">
            <h2 class="hdtit flexbox">我的群聊</h2>
            <ul class="wcim__similarPanel-cells clearfix">
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__qun-angular.png" /><span class="name flex1">React+redux阵营</span></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__qun-img01.png" /><span class="name flex1">快乐彩</span></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img14.jpg" /><span class="name flex1">王者荣耀开黑群</span></li>
            </ul>
        </div>
        <div class="group-table rmt-25">
            <h2 class="hdtit flexbox">我的好友</h2>
            <ul class="wcim__similarPanel-cells clearfix">
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img05.jpg" /><span class="name flex1">旋风小子</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img06.jpg" /><span class="name flex1">喵</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img04.jpg" /><span class="name flex1">张总</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img08.jpg" /><span class="name flex1">幂幂</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img01.jpg" /><span class="name flex1">马云</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img02.jpg" /><span class="name flex1">程逸涵</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img03.jpg" /><span class="name flex1">科比-布莱特</span> <i class="chkbox"></i></li>
            <li class="item wcim__material-cell"><img class="uimg" src="../assets/img/uimg/u__chat-img07.jpg" /><span class="name flex1">风铃子</span> <i class="chkbox"></i></li>
            </ul>
        </div>
        <div class="group-btn">
            <div class="fixbottom"><a class="wc__btn-primary btn-sure disabled" href="javascript:;">确定<em class="groupChatNum"></em></a></div>
        </div>
        </div>
    </div>
    </div>
</div>

